<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>慢慢买-第五组</title>
  <link rel="shortcut icon" href="../favicon.ico">
  <link rel="stylesheet" href="../lib/bootstrap/css/bootstrap.css">
  <link rel="stylesheet" href="../css/base.css">
  <link rel="stylesheet" href="../css/productlist.css">
</head>

<body>
  <!-- header 头部 -->
  <header>
    <h1>
      <a href="../index.html">
        <img src="../images/header_logo.png" alt="">
      </a>
    </h1>
    <a href="javascript:void(0);">
      <img src="../images/header_app.png" alt="">
    </a>
  </header>
  <!-- 搜索 -->
  <section class="mmb_search">
    <form action="#">
      <input class="search_ipt" type="search" placeholder="请输入你想比价的商品">
      <input class="search_submit" type="button" value="搜索">
    </form>
  </section>

  <!-- 商品列表 -->
  <section id="product">
    <div class="product_title clearfix">
      <ol class="breadcrumb pull-left">
        <li><a href="../index.html">首页</a></li>
        <li id="all_classifiy"><a href="./category.html">全部分类</a></li>
        <!-- <li>Data</li> -->
        <li></li>
      </ol>
      <a class="btn btn-default pull-right" href="javascript:;" role="button">筛选</a>
    </div>
    <div class="product_list">
      <a class="media">
        <div class="media-left">
          <div href="#">
            <img src="http://img2014.zuyushop.com/ProPic/201412/Thumb/Thumb_2014120015214690353.jpg" alt="奥克斯(AUX) KFR-25GW/FK01+3 1匹 挂壁式定速冷暖空调" width="100" height="100">
          </div>
        </div>
        <div class="media-body">
          <h5 class="media-heading">名字</h5>
          <p class="price">价格</p>
          <span>报价</span><span>评论</span>
        </div>
      </a>
    </div>
    <div class="product_page clearfix">
      <a href="#" type="button" class="btn btn-default pull-left" id="prePage">上一页</a>
      <a href="#" type="button" class="btn btn-default pull-right" id="nextPage">下一页</a>
      <!-- 这可能是要渲染的 -->
      <div class="dropdown">
        <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
            1/3
            <span class="caret"></span>
          </button>
        <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
          <!-- <li><a href="#">1/3</a></li>
          <li><a href="#">2/3</a></li>
          <li><a href="#">3/3</a></li> -->
          <!-- <a><a href="#">第四页</a></a> -->
        </ul>
      </div>
    </div>
  </section>
  <!-- 底部 -->
  <footer>
    <div class="footer_top">
        <span>登录</span>
        <span>注册</span>
        <a href="javascript:;" class="back">
            <img src="../images/toTop.jpg" alt="">
            <span>返回顶部</span>
        </a>
    </div>
    <div class="footer_content">
        <div class="footer_link">
            <a href="javascript:;">手机APP下载</a>
            <a href="javascript:;">慢慢买手机版</a>
            <a href="javascript:;">-- 掌上比价平台</a>
        </div>
        <p>m.manmanbuy.com</p>
    </div>
</footer>

</body>
<script type="text/template" id="product_name">
  {{each result value index}}
  <li>{{value.category}}</li>
  {{/each}}
</script>

<script type="text/template" id="productList">
  {{each result value index}}
  <a class="media" href="bijia.html?productId={{value.productId}}">
    <div class="media-left">
      <div href="#">
        {{@value.productImg}}
      </div>
    </div>
    <div class="media-body">
      <h5 class="media-heading">{{value.productName}}</h5>
      <p class="price">{{value.productPrice}}</p>
      <span>{{value.productQuote}}</span><span>{{value.productCom}}</span>
    </div>
  </a>
  {{/each}}
</script>
<script src="../lib/bootstrap/js/jquery.1.12.4.js"></script>
<script src="../lib/bootstrap/js/bootstrap.js"></script>
<script src="../lib/art-template/template-web.js"></script>
<script src="../js/productlist.js"></script>
<script>
</script>

</html>